/*---------------------------------------------------------------

# Package - Joomla Template based on Helix Framework   

# ---------------------------------------------------------------

# Author - JoomShaper http://www.joomshaper.com

# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.

# license - PHP files are licensed under  GNU/GPL V2

# license - CSS  - JS - IMAGE files  are Copyrighted material 

# Websites: http://www.joomshaper.com

-----------------------------------------------------------------*/



/*Module type XHTML*/

.mod-wrapper,.mod-wrapper-flat {position:relative}

.mod-wrapper {}

.module.none .mod-wrapper {border:0;background:none;padding:0}

.module.none  .mod-wrapper .mod-inner {border:0}



#sp-right .mod-wrapper h3.header{
	background: url("../images/title2.jpg") repeat-x scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 0 0;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
}

.module.none .mod-wrapper h3 {}



#sp-right .mod-wrapper h3.header div{
	background: url("../images/title1.jpg") no-repeat scroll left center transparent;
    color: #000000;
    font-weight: bold;
    height: 24px;
    line-height: 24px;
    padding-left: 8px;
    text-shadow: 1px 1px 1px #FFFFFF;
}

#sp-right .mod-wrapper .mod-content{  
	border-color: #ccc;
    border-radius: 0 0 3px 3px;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 5px;
}

.module.none .mod-wrapper h3.header {}

.module.text .mod-wrapper h3.header {font-size:9px;text-align:center}



.mod-wrapper ul{list-style:none;margin:0;padding:0}

.mod-wrapper li{}

.mod-wrapper li li{margin-left:10px;border-bottom:0!important}

.mod-wrapper li a{text-decoration:none}

.mod-wrapper li:hover > a, .mod-wrapper li.active > a{text-decoration:none}



/*Suffix menu*/

.module.menu ul.menu li {padding:8px 10px;margin:0 -10px;background:none}

.module.menu ul.menu li a {padding:0;margin:0}

.module.menu ul.menu li:hover,

.module.menu ul.menu li.active {background:#fbfbfb}

.module.menu ul.menu li:hover > a {background:none}

.module.menu ul.menu > li:first-child{margin-top:-10px}

.module.menu ul.menu > li:last-child{margin-bottom:-11px}



/*Module Type Flat*/

.mod-wrapper-flat h3.header{font-size:16px;font-weight:700;color:#333;margin:0;padding:2px 5px}

.mod-wrapper-flat ul{list-style:none;margin:0;padding:0}

.mod-wrapper-flat li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px;background:none;color:#888}

.mod-wrapper-flat li a,.mod-wrapper-flat a{color:#999; font-weight: bold;font-size: 13px;}

.mod-wrapper-flat a:hover{color: #ccc;}

#sp-bottom .mod-wrapper-flat h3.header, #sp-bottom .mod-wrapper-flat .nav .divider{
    color: #fff;
    padding: 0;
    font-size: 14px;
    text-transform: uppercase;
    background: #333;
    margin-bottom: 10px;
    overflow: hidden;
    font-weight: 700;
}

#sp-bottom1 .mod-wrapper-flat h3.header {
    margin-bottom: 20px;
}

#sp-bottom .mod-wrapper-flat h3.header div, #sp-bottom .mod-wrapper-flat .nav .divider span{
    background-color: #262626;
    display: block;
    color: #FFFFFF;
    margin-left: 10px;
    float: left;
    line-height: 16px;
    padding: 0 8px;
}

/*#sp-bottom .separator .mod-block{border-right:1px solid #222}*/

/*#sp-bottom .mod-block{padding:20px 10px}*/

/*#sp-bottom .mod-wrapper-flat li{border-bottom:1px dashed #222}*/



/*Module Type Menu*/

.mod-wrapper-menu {margin-top:8px}

.mod-wrapper-menu h3.header{font-size:12px;font-weight:700;color:#000;margin:0;padding:2px 5px}

.mod-wrapper-menu ul{list-style:none;margin:0;padding:0}

.mod-wrapper-menu li{font-size:11px;display:block;text-decoration:none;margin:0;padding:4px}

.mod-wrapper-menu li a:hover{text-decoration:underline}



/*Badges*/

span.sp-badge.new,span.sp-badge.free,span.sp-badge.hot,span.sp-badge.pick,span.sp-badge.top

{height:48px;position:absolute;right:-3px;text-indent:-999em;top:-3px;width:48px;z-index:0;padding: 0;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;}

span.sp-badge.new{background: url(../images/base_new.png) no-repeat 100% 0;}

span.sp-badge.free{background: url(../images/base_free.png) no-repeat 100% 0;}

span.sp-badge.hot{background: url(../images/base_hot.png) no-repeat 100% 0;}

span.sp-badge.pick{background: url(../images/base_pick.png) no-repeat 100% 0;}

span.sp-badge.top {background: url(../images/base_top.png) no-repeat 100% 0;}

div.sh_box {
	/*background: url(bar_bg_top_1x30.jpg) repeat-x top left;*/
	border: 1px solid #304c96;
	border-top: 2px solid #304c96;
	border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
	min-height: 10px;
	margin-bottom: 13px;
}

div.sh_title {
	float: left;
	height: 26px;
	line-height: 26px;
	color: #fff;
	font-weight: bold;
	padding-right: 25px;
	padding-left: 19px;
	text-transform: uppercase;
}

div.s_smart_content {
	padding: 18px 20px 6px;
	border-bottom: 1px solid #82aacd;
}

div.ssc_left {
	float: left;
	width: 350px;
}

p.ssc_title {
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	color: #131313;
	padding-bottom: 17px;
}

div.ssc_item, div.ssc_icon_1 {
	padding-left: 62px;
	padding-bottom: 20px;
	background: url(../images/icon_pru_52x32.jpg) no-repeat 0 3px;
}

div.hp_item_content {
	padding-bottom: 5px;
}

p.ssc_item_title {
	font-size: 16px;
	padding-bottom: 2px;
}

.text_un, .text_none:hover {
	text-decoration: underline;
}

.tblue {
	color: #10307d;
}

p.ssc_item_summary {
	line-height: 18px;
	text-align: justify;
}

div.service_smart_box p.ssc_item_summary {
	padding-top: 2px;
}

p.hp_item_control {
	padding: 3px 2px 0;
}

a.vvct_register {
	background: url(../images/Prudot.gif) no-repeat 0 4px;
	padding-left: 10px;
	padding-right: 35px;
	text-decoration: none;
	font-weight: bold;
}

.torange {
	color: #e06901;
}

div.ssc_icon_2 {
	background: url(icon_card_52x32.jpg) no-repeat 0 3px;
}

div.ssc_right {
	float: right;
	width: 380px;
}

div.ssc_icon_3 {
	background: url(icon_home_52x32.jpg) no-repeat 0 3px;
}